<!DOCTYPE html>
<%@ page contentType="text/html;charset=UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ include file="../admin/authority.jsp" %>
<html>
<head>
<%@include file="headScriptCR.jsp"%> 
<script type="text/javascript" src="${pageContext.request.contextPath}/assets/js/cr/cs23000script.js"></script>
<script>   
var message_error = '${message_error}';
</script>
<!-- END JAVASCRIPT -->

</head>

<body>
	<div class="wrapper">
		<!-- BEGIN Top-Bar -->
		<%@ include file="../fragments/header.jsp"%>
		<!-- END Top-Bar -->

		<div id="detail-area" class="clearfix">
			<!-- BEGIN SIDEMENU -->
			<div class="hidden-xs hidden-sm page-sidebar" id="side-menu-bar">
				<ul class="page-sidebar-menu">					

					<!-- <div id="displaymenu"></div>  -->
					<%@ include file="../admin/menu.jsp" %>

				</ul>
			</div>
		<!-- End SIDEMENU-->			
		
		<div class="col-sm-12 col-xs-12" id="right-side">
			<div id="navigator-bar"><i class="fa fa-home"></i> หน้าหลัก <i class="fa fa-angle-right ml-5 mr-5"></i> สอบถามข้อมูลผู้ใช้น้ำ</div><!--End navigator-bar-->
			<!-- Start detail-area -->
			<div>
				<div id="page-header" class="clearfix">
					<div>สอบถามข้อมูลผู้ใช้น้ำ</div>
				</div>
				<!-- Start form-detail -->
				<div class="form-list clearfix" style="margin-top:-30px">
					<div class="search-box no-radius">
						<!-- header -->
						<div class="form-group clearfix search-header no-radius">
							<div class="pull-left">ระบุข้อมูลการค้นหา</div>
							<div class="pull-right"><div id="hide-button"><i class="fa fa-chevron-circle-up"></i></div></div>
						</div>
					  	<!-- BOX-BODY -->
					  	<div id="box-body">
							<div class="mt-20 ">
							<div class="row">
								<div class="col-sm-3">
									<label for="inputAccount">ทะเบียนผู้ใช้น้ำ</label>
							 		<input type="text" class="form-control" id="inputAccount" name="account" placeholder="ทะเบียนผู้ใช้น้ำ">
								</div>
								<div class="col-sm-3">
									<label for="inputAccountOld">ทะเบียนผู้ใช้น้ำ (เดิม)</label>
							 		<input type="text" class="form-control" id="inputAccountOld" name="account_old" placeholder="ทะเบียนผู้ใช้น้ำ (เดิม)">
								</div>
								<div class="col-sm-3">
									<label for="inputHomeNumber">บ้านเลขที่</label>
							 		<input type="text" class="form-control" id="inputHomeNumber" name="home_number" placeholder="บ้านเลขที่">
								</div>
								<div class="col-sm-3">
									<label for="inputName">ชื่อ - นามสกุล</label>
							 		<input type="text" class="form-control" id="inputName" name="name" placeholder="ชื่อ - นามสกุล">
								</div>
								
								 </div>
				  			</div>
							<!-- footer -->
							<div class="form-group mt-20 clearfix search-footer no-radius">
								<div class="col-sm-12 text-center">
						 			<button type="submit" class="btn btn-primary" onclick="searchData();"><i class="fa fa-search"></i> ค้นหาผู้ใช้น้ำ</button>
								</div>
					  		</div>					  
					 	</div>
					 	<!-- END BOX-BODY -->
					</div>
				</div>
				<!-- End form-detail -->
				<div class="form-list" id="form-list" style="margin-top:-80px">
					
					<div class="list-detail-area">						
						<table id="customerDataTable" class="stripe hover cell-border" cellspacing="0" width="100%">
        					<thead>
            					<tr style="background-color: #399bca; color:white; font-size: 0.9em;">
                					<th style="border-right: 1px solid #999">ลำดับ</th>
									<th style="border-right: 1px solid #999">ทะเบียนผู้ใช้น้ำ</th>
									<th style="border-right: 1px solid #999">ทะเบียนผู้ใช้น้ำ(เดิม)</th>
									<th style="border-right: 1px solid #999; text-align: center;">ชื่อ - นามสกุล</th>
									<th style="border-right: 1px solid #999; text-align: center;">ที่อยุ่</th>
									<th>จัดการ</th>
            					</tr>
        					</thead> 						
    					</table>
    					<form role="form" name="CS23000Form" action="" method="POST">
							<input type="hidden" id="url_address" name="url_address" value="">
							<input type="hidden" id="agent_browser" name="agent_browser" value="">
    						<input type="hidden" name="customer_account" id="customerAccount" value="no">
    						<input type="hidden" name="page_source" id="page_source" value="">
    						<input type="hidden" name="process_type" id="process_type" value="">	
    					</form>	
					</div>

					<div class="modal fade" id="myModalErrorMessageStep1">
						<div class="modal-dialog" style="width:400px">
    						<div class="modal-content">
      							<div class="modal-header">
        							<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
        							<h4 class="modal-title">ระบบผิดพลาด</h4>
      							</div>
      							<div class="modal-body">
        							<p><span class="fa-stack fa-lg mr-10" style="color:#d9534f"> <i class="fa fa-circle fa-stack-2x"></i> <i class="glyphicon glyphicon-remove fa-stack-1x fa-inverse"></i> </span>
        							เกิดข้อผิดพลาด กรุณาติดต่อผู้ดูแลระบบ</p>
      							</div>
      							<div class="modal-footer">
        							<button type="button" class="btn btn-danger" data-dismiss="modal">ปิด</button>
      							</div>
    						</div>
  						</div>
					</div>
					
				</div>
				<!-- End Form-list -->				
			</div>
			<!-- End detail-area -->		
			<div id="footer-detail">Copyright © สงวนลิขสิทธิ์ พ.ศ.2557 โดย การประปานครหลวง</div>
		</div>
	</div>
	<!-- End Detail-area-->
</div>
<!-- End Wrapper -->
</body>
</html>